<template>
   <a-row :align="align" :gutter="localGutter" :justify="justify" :ref="componentRef">
        <slot></slot>
    </a-row>
</template>
<script>


export default {
    name:'ExtRow',
    props:{
        componentRef:[String,Number],
        align:{
            type:String,
            default:'top'
        },
        gutter:{
            type:String,
            default:'0'
        },
        justify:{
            type:String,
            default:'start'
        },

    },
    data(){
        return{
            localGutter:this.gutter
        }
    },
   
    created(){
        if(this.gutter.indexOf(",")>0){
            this.localGutter = this.gutter.split(",")
        }else{
            this.localGutter = Number(this.gutter)
        }
        
        
    },
    methods:{
        
    }
}
</script>